<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>引用列表</title>
    <link rel="stylesheet" href="layui/css/layui.css">
    <link rel="stylesheet" href="css/finance.css">
</head>
<body>
<div id="backstage" class="layui-layout layui-layout-admin">
    <union-header :header="header"></union-header>
    <uniocn-side :side="side"></uniocn-side>
    <div class="layui-body">
        <div class="finance-com">
            <div class="finance-title" style="background: #fff;padding-bottom: 0;border-bottom: 1px solid #1AB394">
                <button class="layui-btn layui-btn-ms">应用插件库</button>
            </div>
            <div class="applyList">
                <p class="listTitle">营销工具</p>
                <ul class="list-ul clearFloat">
                    <li class="list-li " v-for="item in applyList">
                        <div class="list-img">
                           <div class="imgBox">
                               <img :src="item.img" alt="">
                           </div>
                        </div>
                        <div class="list-com">
                            <p class="list-type">{{item.type}}</p>
                            <p style="margin-top: 15px">{{item.com}}</p>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
</body>
<script src="layui/layui.js"></script>
<script src="js/vue2.5.16.js"></script>
<script src="js/public.js"></script>
<script src="js/data.js"></script>
<script>
    new Vue({
        el: "#backstage",
        data: {
            header: data.header,
            side: data.side,
            applyList: [
                {img: "./images/vip.png", type: "会员卡", com: "一张集吃喝玩乐一体的电子虚拟卡,一卡在手,优惠我有"},
                {img: "./images/vip.png", type: "会员卡", com: "一张集吃喝玩乐一体的电子虚拟卡,一卡在手,优惠我有"},
                {img: "./images/vip.png", type: "会员卡", com: "一张集吃喝玩乐一体的电子虚拟卡,一卡在手,优惠我有"},
                {img: "./images/vip.png", type: "会员卡", com: "一张集吃喝玩乐一体的电子虚拟卡,一卡在手,优惠我有"},
                {img: "./images/vip.png", type: "会员卡", com: "一张集吃喝玩乐一体的电子虚拟卡,一卡在手,优惠我有"},
                {img: "./images/vip.png", type: "会员卡", com: "一张集吃喝玩乐一体的电子虚拟卡,一卡在手,优惠我有"},
                {img: "./images/vip.png", type: "会员卡", com: "一张集吃喝玩乐一体的电子虚拟卡,一卡在手,优惠我有"},
            ]
        }
    })
</script>
</html>